<template>
  <ol>
    <li v-for="(item, index) in list" :key="index" @click="judgeItem(index)">
      {{ item }}
    </li>
  </ol>
</template>

<script>


export default {
  methods:{
    judgeItem(index) {
      if (!this.listType) {//移动数组元素
        this.$emit("handleJudge", index);

      } else {//删除已完成事件数组
        this.$emit("handleDelete", index);
      }
     }
  },
  props: {
    list: {
      type: Array,
      required: true,
    },
    listType: {
      type: Boolean,
      default: false,
    }
  }
}



















// export default {
//   setup(props, context) {
//     console.log(props)

//     function judgeItem(index) {
//       if (!props.listType) {//移动数组元素
//         context.emit("handleJudge", index);

//       } else {//删除已完成事件数组
//         context.emit("handleDelete", index);
//       }
//      }
//       return {
//         judgeItem
//      }
//   },
//   props: {
//     list: {
//       type: Array,
//       required: true,
//     },
//     listType: {
//       type: Boolean,
//       default: false,
//     }
//   }
// }

// export default {
//   methods:{
//     judgeItem(index) {
//       if (!this.listType) {//移动数组元素
//         this.$emit("handleJudge", index);

//       } else {//删除已完成事件数组
//         this.$emit("handleDelete", index);
//       }
//      }
//   },
//   props: {
//     list: {
//       type: Array,
//       required: true,
//     },
//     listType: {
//       type: Boolean,
//       default: false,
//     }
//   }
// }

// import {defineEmits,defineProps} from 'vue'
//     let emit =   defineEmits(['handleJudge','handleDelete'])


//     function judgeItem(index) {
//       if (!props.listType) {//移动数组元素
//         emit("handleJudge", index);

//       } else {//删除已完成事件数组
//         emit("handleDelete", index);
//       }
//      }
// let props = defineProps({
  
//     list: {
//       type: Array,
//       required: true,
//     },
//     listType: {
//       type: Boolean,
//       default: false,
//     }
// })






</script>

<style scoped>
ol {
  margin-top: 20px;
}

ol li {
  cursor: pointer;
}
</style>